/**
 * CSS SmartPosse
 * @author: pferreira, gbrugere
 *
 */

/*  Code couleur :
  
*/


﻿body {
	background 	: #EEEEEE url(images/bg.png) repeat-y scroll center;
	color 		: black;
	display 	: block;
	font-family : "Lucida Grande","Lucida Sans","Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
	font-size 	: 80%;
}

a, body, dd, dl, dt, div, fieldset, form, h1, h2, h3, h4, img, li, ul, ol, p, pre, table, td, tr {
	margin 	: 0pt;
	padding : 0pt;
}

a {
	color 			: black; /* re-definition pour IE7 */
	border-bottom	: 1px dotted gray;
}

ul {
	list-style-type: none;
}

label {
  font-weight     : normal;
}

input[type=text]:focus, input[type=password]:focus {
	background-color: #EEEEEE;
	border: 1px solid black;	
}

label:after {
  padding-left    : 1ex;
  content         : ":";
}

label.mandatory:after {
  padding-left    : 2px;
  content         : "* :";
}

table {
  border-collapse : collapse;
  padding         : 0px;
  margin          : 0px;
  border          : 0px;
  border-style    : none;
  empty-cells     : show;
}



#addressbook {
	margin 	: auto;
	width 	: 760px;
}

/******************/
/* NAVIGATION BAR */	
#header {
	background 	: #fff url(images/bg_header.png) no-repeat scroll top center;
	height		: 143px;
	position 	: relative;
}

#header a {
	border : 0px dotted gray;
}

#header #homeLink {
	display: block;
	height: 141px;
	text-decoration: none;
}

#header #navigation {
	position: absolute;
	bottom: 33px;
	right: 0;
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
}

#header #navigation li {
	display: inline ;
	color: #fff ;
	background: #c00;
}

#header #navigation li a {
	display: block;
	width: 150px;
	float:left;
	background: #c00;
	color: #fff ;
	border: 1px solid #600 ;
	font: normal normal bold 110% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	line-height: 1em ;
	text-align: center ;
	text-decoration: none ;
	height	  : 19px;
	margin-right: 1px;
}

#header #navigation li a:hover, #header #navigation li a:focus, #header #navigation li a:active {
	background: #900 ;
	text-decoration: underline ;
}

#header #userInfo {
	position 	: absolute;
	bottom 		: 0px;
	right 		: 0px;
	font-weight : bold;
	color 		: black;
}

/*************/
/* PAGE LIST */
#list {
	margin  : 10px 0 0 20px;
}

/* mini-formulaire de recherche */
#searchPerson {
	margin-bottom: 5px;
}

#searchPerson #txt_searchPerson {
	width 	: 168px;
}

/* Liste de personne */
#list_person {
	float 	: left;
	border 	: 1px solid #ddd;
	height 	: 400px;
	width  	: 200px;
}

#list_person ul {
	border-color : #BBBBBB white white rgb(187, 187, 187);
	border-style : solid;
	border-width : 1px;
	overflow     : scroll;
	padding-right: 5px;
	height       : 100%;
	width        : 100%;
}
	
#list_person ul li a:link, #list_person ul li a:visited{
	border-bottom   : 0px solid gray; /* On annule le style par defaut */
	text-decoration : none;
	display 		: block;
	padding 		: 3px 5px;
}

#list_person ul li a:focus, #list_person ul li a:hover, #list_person ul li a:active {
	color 			: #fff;
	background-color: #3875D7;
	cursor 			: pointer;
}

/* VCARD */
#list_person_vcard {
	float 		: left;

	width		: 485px;
	
	margin 		: 0 0 0 20px;
	padding 	: 5px;
	
	border 		: 2px solid #BBBBBB;
	background-color: #EFEFEF;
}

#list_person_vcard span {
	display : block;
}

#list_person_vcard_actions {
	margin-top	: 10px;
	text-align	: center;
}

#list_person_vcard_actions a {
	text-decoration : none;
}

/*************/
/* PAGE EDIT */
#list_person_vcard span.disabled {
	display : inline;
	cursor  : default;
	background-color: #E8E8E8;
	color: #D0D0D0;
}

/***************/
/* PAGE RESERV */
#reserv .formType1 fieldset p.radiobox label {
	width	: 100px;
}

/***************/
/* PAGE PANIER */
#panierform fieldset table {
	border				: medium solid #6495ed;
	border-collapse	: collapse;
	width				: 100%;
}
#panierform fieldset thead tr th {
	font-family		: monospace;
	border				: thin solid #6495ed;
	padding			: 5px;
	background-color	: #D0E3FA;	
}
#panierform fieldset  tbody tr td {
	font-family		: sans-serif;
	border 			: thin solid #6495ed;
	padding			: 5px;
	background-color	: #FFF;
}
#panierform fieldset  tfoot tr td {
	font-family		: sans-serif;
	padding			: 5px;
	background-color	: #EEE;
}

.delete, .edit {
	background	: #fff url("images/ico-delete.png") no-repeat scroll center center;
	width		: 22px;
	height		: 20px; 
	font-size	: 0;
	cursor		: pointer;
}

.edit {
	background-image: url("images/ico-edit.gif");
}

/***************/
/* Class general */
.type1 {
	background-color: #99CCCC;
}

.warning, .notice {
	font-weight	: bold;
	text-align	: center;
	font-variant: small-caps;
}

.warning {
	color 		: #DC143C;
}

.notice {
	color 		: #009966;
}

.legend { /* utilise l'elements texte comme un legend ... */
	background-color: #DDD;
	color 			: black;
	border 		: 1px dotted #999;
	text-align		: center;
	font-weight	: bold;
	margin-bottom	: 1.2em;
}

.spanToButton {
	background-color: #009966;
	color 			: #fff;
	font-weight		: bold;
	padding 		: 2px 5px;
	border  		: 1px solid #000;
	width			: 125px;
	text-align 		: center;
	cursor 			: pointer;
}

.evidence1 {
	font-weight: bold;
}

.table_left {
	text-align			: left;
}

.table_justify {
	text-align			: justify;
}

.table_right {
	text-align			: right;
}

.table_center {
	text-align			: center;
}

/* les formulaires */
.formType1 {
	margin : 10px; 
}

.formType1 fieldset {
	padding: 10px; 
}

.formType1 fieldset label, #edit_person_vcard fieldset input {
	float 	: left;
	margin  : 5px auto; 
}

.formType1 fieldset p {
	clear 	: both; 
}

.formType1 fieldset label, .formType1 fieldset p.radiobox label {
	width	: 150px; 	
}

.formType1 fieldset p.radiobox {
	margin-left	: 150px; /* la taille des labels du formulaire */ 	
}

.formType1 fieldset p.radiobox input, .formType1 fieldset p.radiobox label {
	float   : left; 	}

.formType1 fieldset p input:focus, .formType1 fieldset p textarea:focus, .formType1 fieldset p select:focus {
	background 	: #e6e6e6; 	
}

.formType1 .mandatory {
	border: 2px solid #000; 	
}

.formType1 .error {
	background 	: #ffe6e6;
	border: 2px solid #DC143C; 	
}

.formType1 fieldset legend {
	padding 	: 0.2em 0.5em;
	text-align 	: right; 	
}	

/*
.formType1 fieldset p label:first-letter { 
	font 		: 120%/1 sans-serif; 	
}
*/
.formPromoteur fieldset {  
	border:1px solid green  
}

.formPromoteur fieldset legend {
	  border:1px solid green;
	  color:green; 	
}

.formFreelance fieldset {  
	border:1px solid blue;  
}

.formFreelance fieldset legend {
	  border:1px solid blue;
	  color:blue; 
}
			
/*******************/
/* Login Classes   */
/*******************/

.login_acces {
	  border: 1px solid gray;
		width: 50%;
		margin-left: 25%;
}

.login_acces h1 {
	text-align: center;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
	font-family: arial;
}

.login_acces table {
		margin-left: 10%;
}

.login_acces table td {
	padding-left: 10px;
	padding-bottom: 5px;
}

.login_acces table td input {
	margin-left: 10px;
}

.login_acces .valid {
	text-align: center;
	padding-top: 10px;
}

.login_acces table a {
	font-weight: bold;
}
